@import "variables";

one-pic-item{
  .collect-item{
    display: flex;
    align-items: center;
    margin:0 pxTorem(30);
    padding: pxTorem(30) 0;
    border-bottom: 1px solid color($h5,c9);
    .img-box{
      position: relative;
      .zu-img{
        position: absolute;
        bottom:pxTorem(5);
        right:pxTorem(5);
        width: pxTorem(40);
        height: pxTorem(40);
        display: block;
      }
    }
    seed-img{
      width: pxTorem(224);
      height: pxTorem(168);
      background-size:cover !important;
    }
    .word-box {
      flex: 1;
      padding-left: pxTorem(30);
      height: pxTorem(168);
      font-size: pxTorem(30);
      line-height: pxTorem(45);
      .title{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: pxTorem(90);
        margin-bottom: pxTorem(40);
      }
      .bottom-box{
        display: flex;
        align-items: center;
        color:color($h5 ,c4);
        font-size: pxTorem(24);
        p:first-child{
          width: 50%;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 1;
          overflow: hidden;
        }
        p:last-child{
          width: 50%;
          text-align: right;
          font-size: pxTorem(26);
         img{
            width: pxTorem(30);
            height: pxTorem(28);
            display: inline-block;
            margin-right: pxTorem(6);
          }
        }
      }
    }
  }
}
